<script type="text/javascript"
      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCe87gtV6yq5_gz7jk6kiHBfvr6c1AIWFo&sensor=false">
    </script>
<style>
    body {
        background: url(modules/notes/images/wallpaper.jpg);
    }
</style>
{include file="findInclude:common/templates/header.tpl"}

<body class="modern-ui" onresize="initializeMap()">
<div class="page fixed-header">
<div id="map_canvas">
<img onload= "getLocation(); return false;" src="/modules/notes/images/placeholder.png" style="display: none"> </img>
</div>
<div class="tile double">
    <div class="tile-content">
        <div class="input-control span4" style="cursor: default;">
            Lat: <input type="text" name="lat" maxlength="12" id="lat" style="background-color: black;" value> <br>
            Lon: <input type="text" name="lon" maxlength="12" id="lon" style="background-color: black;" value> <br>
            UBC: 49.264052, -123.249435
            <input type="button" value="Change" style="position: absolute; top: 105px; left: 200px;" onClick="showLatLong(); return false;"/>
        </div>
    </div>
</div>
{include file="findInclude:modules/map/templates/fullscreenfooter.tpl" hideFooterLinks=true}
</div>
</body>
